<template>
    <div class="info-card">
        <el-card class="main">

            <div class="title">
                <slot name="title"></slot>
            </div>

            <div class="operation">
                <slot name="operation"></slot>
            </div>

            <slot></slot>
        </el-card>
    </div>
</template>

<script>

export default {
    head: {
    },
    props:{

    },
    components: { 

    },
    data: () => ({

    }),
    methods: {


    },
    computed: {
        
    },
    mounted() {

    },
    beforeDestroy() {

    },
}
</script>

<style lang="scss" scoped>
    @import '@css/var.scss'; 
    .info-card {
        ::v-deep .el-card__body {
            padding: 30px 5px;
            padding-bottom: 0;
        }
        .main {
            position: relative;
            padding: 10px 5px;

            .title {
                position: absolute;
                top: 5px;
                left: 5px;
            }
            .operation {
                position: absolute;
                top: 5px;
                right: 5px;
            }
        }
    }
</style>
 